<template>
  <el-container style="margin: 1%;">
    <el-main style="">
      <el-tabs v-model="activeName">
        <el-tab-pane label="用户" name="first">
          <user-tab></user-tab>
        </el-tab-pane>
        <el-tab-pane label="角色" name="second">
          <role-tab></role-tab>
        </el-tab-pane>
        <el-tab-pane label="资源路径" name="third">
          <resources-tab></resources-tab>
        </el-tab-pane>
      </el-tabs>
    </el-main>
  </el-container>
</template>

<script>
import { roleList } from "@/api/Role";
import ResourcesTab from "@/components/application/component/resources/ResourcesTab";
import RoleTab from "@/components/application/component/resources/RoleTab";
import UserTab from "@/components/application/component/resources/UserTab";

export default {
  name: "Resources",
  data(){
    return{
      activeName: 'first'
    }
  },

  components: {ResourcesTab, RoleTab, UserTab  },

  created() {
  },

  methods: {
  }
}
</script>

<style scoped>

</style>